
import { ComponentProps, VueComponent } from "vue3-oop";
import { FormItem, Input } from 'ant-design-vue';
import { WidgetItem } from '@/components/FormDesigner/types';

interface IProps {
  widgetItem: WidgetItem
}
export default class CfgBasic extends VueComponent<IProps> {
  static defaultProps: ComponentProps<IProps> = {
    widgetItem: {}
  }

  render() {
    const { widgetItem } = this.props;
    return (
      <>
        <FormItem label="组件标识">
          <Input
            value={widgetItem.widgetId}
            size='small'
            disabled={true}
            style={{ color: 'unset' }}
          />
        </FormItem>
        <FormItem label="组件类型">
          <Input
            value={widgetItem.label}
            size='small'
            disabled={true}
            style={{ color: 'unset' }}
          />
        </FormItem>
      </>
    )
  }
}